<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>便民平台</title>
    <!-- head 中 -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css"> -->
    <link rel="stylesheet" href="libs/weui.min.css">
    <link rel="stylesheet" href="libs/jquery-weui.min.css">


    <link rel="stylesheet" href="libs/common.css">
    <link rel="stylesheet" href="assets/css/index.css">
  </head>

  <body>
    <div class="weui-tab indexContainer">
      <div class="weui-grids">
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            美食餐饮
          </p>
        </a>
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            休闲娱乐
          </p>
        </a>
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            酒店旅游
          </p>
        </a>
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            购物天地
          </p>
        </a>
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            生活服务
          </p>
        </a>
        <a href="" class="weui-grid js_grid">
          <div class="weui-grid__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-grid__label">
            汽车服务
          </p>
        </a>
      </div>
      <div class="adbanner">
        <img src="assets/image/ad.png" width="100%" />
      </div>
      <div class="listContainer">
        <div class="listChoiceItems">
          <div class="listChoiceItem">
            <input value="睢县" id="selectaddress">
            <i class="weui-icon-download ifont"></i>
          </div>
          <div class="listChoiceItem">
            <input value="所有分类" id="selectClass">
          </div>
          <div class="listChoiceItem">
            <input value="默认排序" id="sort">
          </div>
        </div>
        <div class="list_ul">
          <ul>
            <li>
              <div class="subscript_div">
                <i class="ui-subscript ui-subscript-red">最新</i>
                <span style="background-image:url(assets/image/100x100.png)"></span>
              </div>
              <div class="list_ul_face">
                <img src="assets/image/100x100.png">
                <span class="badgeGroup">
                  <span class="badge badge-alert ">车找人</span>
                  <span class="badge badge-warning">睢县到宁陵</span>
                </span>
              </div>
              <div class="list_ul_div">
                <span class="badgetype">南北通透</span>
                <div class="list_ul_div_main">
                  <p>出发地：<strong>睢县</strong></p>
                  <p>目的地：<strong>睢县</strong></p>
                  <p>出发时间：<strong>2018年8月10日</strong></p>
                  <p>可坐人数：<strong>4</strong>人</p>
                </div>
                <div class="killCall">
                  <img src="assets/image/100x100.png" />
                  <a href="tel:10086#mp.weixin.qq.com">一键拨号</a></div>
                <div class="imgGroup">
                  <img src="assets/image/100x100.png" />
                  <img src="assets/image/100x100.png" />
                  <img src="assets/image/100x100.png" />
                </div>
              </div>
            </li>
            <li>
              <div class="subscript_div">
                <i class="ui-subscript ui-subscript-green">最新的</i>
                <span style="background-image:url(assets/image/100x100.png)"></span>
              </div>
              <div class="list_ul_face">
                <img src="assets/image/100x100.png">
              </div>
              <div class="list_ul_div">
                <span class="badge badge-primary ">找好房</span>
                <span class="badge badge-primary badge-success">地铁房</span>
                <div class="list_ul_div_main">
                  <p>线上选房,线下服务,经纪人24小时服务,让您省心,省时,我爱我家房产房屋中介,二手房信息平台,二手房业主诚心出售,经典户型,交通便利.</p>
                </div>
                <div class="killCall"><a href="tel:10086#mp.weixin.qq.com">一键拨号</a></div>
              </div>
            </li>
            <li>
                <div class="subscript_div">
                  <i class="ui-subscript ui-subscript-green">最新的</i>
                  <span style="background-image:url(assets/image/100x100.png)"></span>
                </div>
                <div class="list_ul_face">
                  <img src="assets/image/100x100.png">
                </div>
                <div class="list_ul_div">
                  <span class="badge badge-primary ">找好房</span>
                  <span class="badge badge-primary badge-success">地铁房</span>
                  <div class="list_ul_div_main">
                    <p>线上选房,线下服务,经纪人24小时服务,让您省心,省时,我爱我家房产房屋中介,二手房信息平台,二手房业主诚心出售,经典户型,交通便利.</p>
                  </div>
                  <div class="killCall"><a href="tel:10086#mp.weixin.qq.com">一键拨号</a></div>
                </div>
              </li>
          </ul>
        </div>
      </div>
      <div class="weui-tabbar">
        <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
          <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="publish.html" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">信息聚合</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
          <div class="publishTabbar">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <div class="weui-tabbar__icon">
            </div>
          <p class="weui-tabbar__label">发布</p>
        </a>
        <a href="publish.html" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">电话薄</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
          <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
          <div class="weui-tabbar__icon">
            <img src="http://jqweui.com/dist/demos/images/icon_nav_button.png" alt="">
          </div>
          <p class="weui-tabbar__label">店铺</p>
        </a>
      </div>
    </div>
    <!-- body 最后 -->
    <!-- <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> -->
    <script src="libs/jquery.2.1.4.min.js"></script>
    <script src="libs/jquery-weui.min.js"></script>
    <script src="assets/js/index.js"></script>
  </body>

</html>